<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>素雅清新粥_粥员外</title>
    <link rel="shortcut icon" href="../img/favicon.ico">
    <link rel="stylesheet" href="../css/animate.min.css">
    <link rel="stylesheet" href="../css/chanpin.css">
    <style>
         body,html{
        font-size: 12px;
        font-family: 微软雅黑;
        color: #666;
    }
    </style>
</head>
<body>
    <div class="nav">
        <div class="gy-center">
            <div class="nav-nr">
                <h1>
                    <a href="../html/index.html">
                    <img src="../img/logo.jpg" alt=""></a>
                </h1>
                <h2>
                    <a href="../html/index.html" class="jia">
                    <i><img src="../img/dh.png" alt=""></i>
                <em>加盟热线：<b>400-897-0200</b></em></a>
                </h2>
                <ul>
                    <li>
                        <a  href="../html/index.html">
                            首&nbsp页
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/guanyu.html" >
                            关于我们
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/chanpin.html" class="elect">
                            产品中心
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/xingxiang.html" >
                            形象展示
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/jiameng.html" >
                            粥店加盟
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="xinwen.html" >
                            新闻动态
                            <div></div>
                        </a>
                    </li>
                    <li>
                        <a href="lianxi.html">
                            联系我们
                            <div></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 大图 开始 -->
    <div class="ny-banner">
        <img src="../img/product.jpg" alt="">
    </div>
    <!-- 大图 结束 -->
    <!-- 产品中心 开始 -->
    <div class="gy-btt">
        <div class="gy-center">
            <h2>
                <i><img src="../img/s1.png" alt=""></i>
                <a href="../html/index.html">首页</a>
                <i><img src="../img/s2.png" alt=""></i>
                <a href="../html/chanpin.html">产品中心</a>
                <i><img src="../img/s2.png" alt=""></i>
                <a href="#" class="xx">素雅清新粥</a>
            </h2>
        </div>
    </div>
    <div class="product">
        <div class="gy-center">
            <div class="gy-gybt">
                <span>
                    <a href="../html/chanpin.html" class="xzda">
                        <div class="bian"></div>
                        <i>素雅清新粥</i>
                    </a>
                    <a href="../html/chanpin1.html" class="">
                        <div class="bian"></div>
                        <i>美美暖心粥</i>
                    </a>
                    <a href="../html/chanpin2.html" class="">
                        <div class="bian"></div>
                        <i>初见与邂逅</i>
                    </a>
                    <a href="../html/chanpin3.html" class="">
                        <div class="bian"></div>
                        <i>只为暖你粥</i>
                    </a>
                    <a href="../html/chanpin4.html" class="">
                        <div class="bian"></div>
                        <i>我只念着你</i>
                    </a>
                </span>
            </div>
            <div class="product-nr">
                <ul>
                    <li>
                        <dl>
                            <dt>
                                <div class="meng"></div>
                                <img src="../img/zhou.jpg" alt="">
                                <span>
                                    <img src="../img/k.png" alt="">
                                </span>
                            </dt>
                            <dd>
                                <div>
                                    <span>开胃八宝粥</span>
                                    <h2>开胃八宝粥</h2>
                                    <p>粥员外开胃八宝粥</p>
                                    <div class="xds">
                                        <img src="../img/c001.png" alt="">
                                    </div>
                                </div>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <div class="meng"></div>
                                <img src="../img/zhou1.jpg" alt="">
                                <span>
                                    <img src="../img/k.png" alt="">
                                </span>
                            </dt>
                            <dd>
                                <div>
                                    <span>紫薯黑米粥</span>
                                    <h2>紫薯黑米粥</h2>
                                    <p>粥员外紫薯黑米粥</p>
                                    <div class="xds">
                                        <img src="../img/c001.png" alt="">
                                    </div>
                                </div>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <div class="meng"></div>
                                <img src="../img/zhou2.jpg" alt="">
                                <span>
                                    <img src="../img/k.png" alt="">
                                </span>
                            </dt>
                            <dd>
                                <div>
                                    <span>粥员外绿豆粥</span>
                                    <h2>粥员外绿豆粥</h2>
                                    <p>粥员外绿豆粥</p>
                                    <div class="xds">
                                        <img src="../img/c001.png" alt="">
                                    </div>
                                </div>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <div class="meng"></div>
                                <img src="../img/zhou3.jpg" alt="">
                                <span>
                                    <img src="../img/k.png" alt="">
                                </span>
                            </dt>
                            <dd>
                                <div>
                                    <span>白粥</span>
                                    <h2></h2>
                                    <p>粥员外白粥</p>
                                    <div class="xds">
                                        <img src="../img/c001.png" alt="">
                                    </div>
                                </div>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 产品中心 结束 -->
    <!-- 加盟留言 开始 -->
         <div class="footer">
            <div class="gy-center">
               <div class="footer-nr1">
                    <div class="footer2">
                        <span class="fadeInUp animated">加盟留言</span>
                        <form action="">
                            <ul class="liu">
                                <li class="fadeInUp animated">
                                    <input type="text" class="srk" placeholder="姓名:"name = "name" errormsg="请输入您的姓名！" nullmsg="请输入您的姓名！" datatype = "*">
                                </li>
                                <li class="fadeInUp animated">
                                    <input type="text" class="srk" placeholder="电话："name = "name" errormsg="手机号有误！" nullmsg="请输入您的手机号！" datatype = "m">
                                </li>
                                <li class="srnr fadeInUp animated">
                                <textarea class="srk2" name="content" placeholder="咨询内容:" cols="" rows=""errormsg="请输入留言！" nullmsg="请输入留言！" ></textarea>
                                </li>
                            </ul>
                            <div class="tijiao fadeInUp animated">
                                <!-- <input type="button" value="提交" onclick="alert()" class="tijiao_1"> -->
                                <a href="#" class="tijiao_1">提交</a>
                            </div>
                        </form>
                    </div>
                    <div class="footer3">
                        <span class="fadeInUp animated">关注我们</span>
                        <div class="footer4 fadeInRightBig animated">
                            <img src="../img/ewm.jpg" alt="">
                        </div>
                    </div>
               </div> 
               <div class="footer-nr2">
                   <span class="re">
                    <i>热门检索：</i>
                       <a href="#">加盟粥店多少钱？</a>
                       <a href="#">粥店加盟10大品牌</a>
                       <a href="#">粥店加盟哪家好？</a>
                       <a href="#">开粥店要考虑的问题</a>
                       <a href="#">开粥店需要哪些设备</a>       
                   </span>
               </div>
            </div>
        </div>
    <!-- 加盟留言 结束 -->
    <!-- 版权 开始 -->
    <div class="db">
        <div class="gy-center banxin">
            <i>Copyright © 2019 版权所有 粥员外
                <a href="#">浙ICP备17052793号</a>
                创业有风险，投资需谨慎
            </i>
            <a href="#">
                <i><img src="../img/dt.png" alt=""></i>
                <em>网站地图</em>
            </a>
        </div>
    </div>
    <!-- 版权 结束 -->
        <!-- 加盟 开始 -->
    <div class="jmrx">
        <div class="gy-center">
            <div class="jmrx-nr">
                <dl>
                    <dt><img src="../img/rx.png" alt=""></dt>
                    <dd>
                        <b><img src="../img/xx.png" alt=""></b>
                        <div class="srknr">
                            <form action="">
                                <ul>
                                    <li>
                                        <input type="text" class="jmrxsr" placeholder="您的称呼：" name="content">
                                    </li>
                                    <li>
                                        <input type="text" class="jmrxsr" placeholder="手机号码：" name="content">
                                    </li>
                                    <li>
                                        <input type="text" class="jmrxsr" placeholder="加盟区域：" name="content">
                                    </li>
                                </ul>
                                <span><a href="#">提交</a></span>
                            </form>
                        </div>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- 加盟 结束 -->
    <script src="../js/jQuery.js"></script>
    <script src="../js/canpin.js"></script>
</body>
</html>